$(function() {
    $('.mfw-header').on('mouseenter', function() {
        $(this).removeClass('header-place-default');
    }).on('mouseleave', function() {
        $(this).addClass('header-place-default');
    });

    $('.search-input').bind('input propertychange', function() {
        var val = $(this).val();
        // debugger;
        if (val) {
            $('.search-suggest-panel').show();
        } else {
            $('.search-suggest-panel').hide();
        }
    });
    $('.search-suggest-panel').on('mouseenter', function() {

    }).on('mouseleave', function() {
        var self = this;
        setTimeout(function() {
            $(self).hide();
        }, 1500);
    });

    //获取国内数据
    $.get("/destination/getHotDestByRegionId", {regionId:-1}, function (data) {
        $("#hotContent").append(data);
    })

    //获取当前月份
    var currentMonth = new Date().getMonth() + 1;
    localStorage.getItem("month",currentMonth);

    //当前月份高亮
    $(".row-season a[data-sdid="+currentMonth+"]").addClass("on");
    //获取当前月份的推荐目的地
    $.get("/destination/getDestByMonth",{month:currentMonth},function (data) {
        $("#seasonDestContent").html(data);
    })
    //鼠标移入触发事件，发送请求，获得鼠标移入主题下的所有月份
    $(".row-season .s-navbar a").on('hover',function () {
        var sdid = $(this).data("sdid");
        if (!sdid){
            return;
        }

        localStorage.setItem("month",sdid);

        //高亮显示鼠标聚焦的月份
        $('.row-season .s-navbar a').removeClass('on');
        $(this).addClass('on');

        //将前面的二级主题列表隐藏
        $('.row-season .season-list').addClass('hide');

        //如果当前有hot-list-?? 这个html代码块，就不用再去查了
        if($(".season-list-"+sdid).size() != 0){
            $(".season-list-"+sdid).removeClass('hide');
            return;
        }
        //请求页面
        $.get("/destination/getDestByMonth",{month:sdid},function (data) {
            if($(".season-list-"+sdid).length == 0){
                $("#seasonDestContent").append(data);
            }
            $(".hot-list-"+sdid).removeClass('hide');
        })
    })


    //获取第一个主题下的推荐地区列表
    //1. 获取第一个主题的id
    var firstThemeId = $(".t-navbar a:first").attr("data-tid");
    localStorage.setItem("themeId",-1);

    $.get("/destination/getSubthemes",{themeId:firstThemeId},function (data) {
        $("#themeContent").append(data);
    })

    //2. 鼠标移入触发事件，发送请求，获得鼠标移入主题下的所有子主题
    $(".row-theme .t-navbar a").on('hover',function () {
        var tid = $(this).data("tid");
        console.log(tid);
        if (!tid){
            return;
        }

        localStorage.setItem("themeId",tid);

        //高亮显示鼠标聚焦的大主题
        $('.row-theme .t-navbar a').removeClass('on');
        $(this).addClass('on');

        //将前面的二级主题列表隐藏
        $('.row-theme .theme-list').addClass('hide');

        //如果当前有hot-list-?? 这个html代码块，就不用再去查了
        if($(".theme-list-"+tid).size() != 0){
            $(".theme-list-"+tid).removeClass('hide');
            return;
        }
        //请求页面
        $.get("/destination/getSubthemes",{themeId:tid},function (data) {
            if($(".theme-list-"+tid).length == 0){
                $("#themeContent").append(data);
            }
            $(".hot-list-"+tid).removeClass('hide');
        })
    })



    $('.row-hot .r-navbar a').on('hover', function() {
        var rid = $(this).data("rid");
        if(!rid){
            return;
        }
        $('.row-hot .r-navbar a').removeClass('on');
        $(this).addClass('on');

        $('.row-hot .hot-list').addClass('hide');

        //请求页面
        if($(".hot-list-"+rid).size() != 0){
            $(".hot-list-"+rid).removeClass('hide');
            return;
        }
        $.get("/destination/getHotDestByRegionId", {regionId:rid}, function (data) {
            if($(".hot-list-"+rid).size() == 0){
                $("#hotContent").append(data);
            }
            $(".hot-list-"+rid).removeClass('hide');
        })

    });

    $('.pagelet-block .r-navbar a').on('hover', function() {
        var idx = $(this).index();
        idx = idx == 0 ? 0 : idx / 2;
        $('.pagelet-block .r-navbar a').removeClass('on');
        $(this).addClass('on');
        $('.pagelet-block .tiles').addClass('hide');
        $('.pagelet-block .tiles').eq(idx).removeClass('hide');
    });

    $('.pagelet-block1 .r-navbar a').on('hover', function() {
        var idx = $(this).index();
        idx = idx == 0 ? 0 : idx / 2;
        $('.pagelet-block1 .r-navbar a').removeClass('on');
        $(this).addClass('on');
        $('.pagelet-block1 .tiles').addClass('hide');
        $('.pagelet-block1 .tiles').eq(idx).removeClass('hide');
    });
    $('.suggest-list li').click(function() {
        window.location.href = "./index.ftl"
    })
});